.page{
  .sortList{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: rgb(250, 250, 250);
    .item{
      padding: 3vw 5vw;
    }
    .item.active{
      color: rgb(150, 0, 0);
      font-weight: bolder;
    }
  }
  .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    .goodBox{
      width: 90%;
      border-radius: 5vw;
      padding: 3vw;
      margin: 5vw 0;
      box-shadow: 0 0 10vw -5vw rgb(209, 209, 209);
      .boxHeader{
        display: flex;
        justify-content: space-around;
        padding-bottom: 3vw;
      }
      .boxBody{
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-top: 1px solid rgb(250, 250, 250);
        border-bottom: 1px solid rgb(250, 250, 250);
        padding: 3vw 0vw;
        .img{
          width: 20vw;
          height: 20vw;
          border-radius: 3vw;
        }
      }
      .boxFooter{
        display: flex;
        justify-content: flex-end;
        padding-top: 3vw;
        .btn{
          padding: 2vw 3vw;
          border: 1px solid grey;
          border-radius: 3vw;
          margin: 0 3vw;
        }
        .confirmBtn{
          background-color: black;
          color: white;
        }
      }
    }
  }
}